.top-box {
	box-sizing: border-box;
	padding: calc(var(--status-bar-height) + 44px + 14rpx) 32rpx 14rpx;
	background-color: $uni-text-color-main;
}
.cp-base{
	background-color: $uni-text-color-main;
}
.cp-top{
	padding: 52rpx 32rpx 40rpx;
}
.cp-top-left{
	width: 128rpx;
	height: 128rpx;
	border: 4rpx solid $uni-white;
	border-radius: 64rpx;
	background-color:$uni-F5F5F5;
	margin-right: 32rpx;
	flex-shrink: 0;
	position: relative;
	box-sizing: border-box;
}
.cp-top-left image{
	width: 100%;
	height: 100%;
	border-radius: 64rpx;
}
.cp-top-left-sex{
	position: absolute;
	width: 36rpx;
	height: 36rpx;
	background: $uni-white;
	border: 3rpx solid $uni-text-color-main;
	border-radius: 18rpx;
	box-sizing: border-box;
	text-align: center;
	bottom: -4rpx;
	left: -8rpx;
}
.cp-top-left-sex image{
	width: 24rpx;
	height: 24rpx;
}
.cp-top-right{
	color: $uni-white;
}
.cp-top-right-top{
	font-size: 40rpx;
	line-height: 56rpx;
}
.num-student{
	font-size: 20rpx;
	line-height: 24rpx;
	background-color: #FF7742;
	border-radius: 8rpx;
	padding: 8rpx 12rpx;
	margin-left: 20rpx;
}
.cp-top-right-bottm{
	font-size: 24rpx;
	color: #E1E3E6;
	line-height: 34rpx;
	margin-top: 16rpx;
}
.cp-top-right-bottm .st{
	padding: 0 24rpx;
}
.cp-test{
	background: rgba(0,0,0,0.16);
	border-radius: 40rpx 40rpx 0rpx 0rpx;
	padding: 0 32rpx 80rpx;
}
.cp-test-tit{
	font-size: 32rpx;
	color: $uni-white;
	line-height: 44rpx;
	padding: 32rpx 0 24rpx;
	font-weight: 700;
}
.cp-test-list-con{
	width: 160rpx;
	height: 140rpx;
	background: #F8F9FA;
	border-radius: 16rpx;
	padding: 18rpx 20rpx 16rpx;
	box-sizing: border-box;
	margin-right: 16rpx;
}
.cp-test-list-con image{
	width: 32rpx;
	height: 32rpx;
	display: block;
}
.cp-con-img{
	margin-bottom: 8rpx;
}
.cp-test-list-con-con{
	font-size: 24rpx;
	color: #1A2233;
	line-height: 34rpx;
}
.cp-test-list-con-con-status{
	font-size: 20rpx;
	color: $uni-text-color-main;
}
.cp-jn{
	background: $uni-white;
	border-radius: 40rpx 40rpx 0rpx 0rpx;
	margin-top: -40rpx;
	padding:40rpx 0 20rpx 32rpx;
}
.cp-jn-tit{
	font-size: 32rpx;
	color: #1A2233;
	line-height: 44rpx;
	margin-bottom: 32rpx;
}
.cp-jn-tit::before{
	content: "";
	width: 6rpx;
	height: 24rpx;
	background: $uni-text-color-main;
	border-radius: 3rpx;
	display: inline-block;
	margin-right: 15rpx;
}
.cp-bz{
	color: $uni-text-color-grey;
	font-size:24rpx;
	margin-left: 16rpx;
}
.cp-jn-con text{
	min-width: 160rpx;
	background: #F1F6F5;
	border-radius: 12rpx;
	margin-right: 16rpx;
	margin-bottom: 20rpx;
	padding: 18rpx;
	display: inline-block;
	color: $uni-text-color-main;
	font-size: 28rpx;
	line-height: 32rpx;
	text-align: center;
	box-sizing: border-box;
}
.cp-ht{
	height: 2rpx;
	background: #EBEDED;
	margin: 20rpx 32rpx 40rpx 0;
}
.cp-ht2{
	height: 20rpx;
	background-color:$uni-F5F5F5;
}
.cp-history{
	padding: 0 32rpx;
}
.cp-history-tit{
	font-size: 32rpx;
	font-weight: 600;
	color: #1A2233;
	line-height: 44rpx;
	padding: 40rpx 0 48rpx;
}
.cp-history-more{
	font-size: 24rpx;
	font-weight: 400;
	color: #81A290;
	line-height: 32rpx;
	border-radius: 24rpx;
	border: 2rpx solid #81A290;
	padding: 4rpx 20rpx;
}
.cp-history-dh{
	font-size: 24rpx;
	color: #585C66;
	line-height: 32rpx;
	width: 100%;
	white-space: nowrap;
}
.cp-history-dh text{
	padding: 14rpx 22rpx;
	min-width: 140rpx;
	box-sizing: border-box;
	background-color: #F0F2F5;
	border-radius: 16rpx;
	text-align: center;
	margin-right: 24rpx;
	display: inline-block;
}
.cp-history-dh text.select{
	color: $uni-white;
	background-color: $uni-text-color-main;
}
.cp-history-time{
	padding: 40rpx 0 24rpx;
}
.cp-history-time-left{
	width: 324rpx;
	height: 60rpx;
	line-height: 60rpx;
	border-radius: 16rpx;
	border: 2rpx solid #E8EAED;
	position: relative;
	padding: 0 32rpx;
	box-sizing: border-box;
	text-align: center;
	font-size: 24rpx;
}
.cp-history-time-left input{
	width: 324rpx;
	height: 76rpx;
}
.cp-history-time-left .time{
	width: 32rpx;
	height: 32rpx;
	flex-shrink: 0;
}
.time-ht{
	padding: 0 12rpx;
}
.cp-history-con{
	background-color: #F8F9FA;
	border-radius: 16rpx;
	margin: 16rpx 0;
	padding: 24rpx;
}
.cp-history-con-top-left{
	font-size: 32rpx;
	font-weight: 500;
	color: #1A2233;
	line-height: 44rpx;
}
.cp-history-con-top-left .cp-history-tit-bz{
	font-size: 22rpx;
	font-weight: 400;
	color: #86A695;
	line-height: 32rpx;
	padding: 2rpx 14rpx;
	display: inline-block;
	background: #F3F5F5;
	border-radius: 8rpx;
	margin-left: 16rpx;
}
.cp-history-con-top-right text{
	padding-right: 8rpx;
	color: $uni-text-color-grey;
}
.cp-history-con image{
	width: 32rpx;
	height: 32rpx;
}
.cp-history-con-bottom{
	margin-top: 20rpx;
	font-size: 24rpx;
	line-height: 34rpx;
}
.cp-history-con-bottom-time{
	color: #C4C7CC;
	padding-left: 56rpx;
}
.cp-history-con-bottom-right{
	color: #86A695;
}
.look-more{
	background-color: $uni-F5F5F5;
	color: $uni-text-color-grey;
	padding: 24rpx 0;
	text-align: center;
	font-size: 24rpx;
}